<template>
  <div id="exampleView" >
    <MdEditor :value="mdValue" :handle-change="onMdChange"/>
    <CodeEditor :value="codeValue" :handle-change="onCodeChange"/>
  </div>
</template>

<script setup lang="ts">
import { defineComponent } from 'vue';
import MdEditor from '@/components/MdEditor.vue'
import CodeEditor from '@/components/CodeEditor.vue'
import {ref} from 'vue';

const mdValue=ref("");
const onMdChange=(v:string)=>{
  mdValue.value=v;
  console.log(v);
}

const codeValue=ref("");
const onCodeChange=(v:string)=>{
  codeValue.value=v;
  console.log(v)
}
</script>
